<template>
 <div class="drawer">
   <div class="title">
     <div class="icon">
       <img src="@/assets/icon/main-icon.png" alt="">
     </div>
     <div>
        <div class="cTitle">智能作平台</div>
        <div class="eTitle">Intelligent creation platform</div>
      </div>
   </div>
    <drawer class="drawer"></drawer>
 </div>
</template>

<script>
import api from '@/api/user_index.js'
import drawer from '@/components/drawer/drawer.vue'
 export default {
  components: { drawer },
  name: 'topNav' ,
 data () {
 return {
  }
 },
 methods:{
  
 }
}

</script>
<style scope lang="less">
.title{
  display: inline-block;
  display: flex;
  justify-content: center;
  align-items: center;
  .icon{
    img{
      width: 40px;
      margin-top: 10px;
      margin-right: 10px;
    }
  }
  .cTitle{
    font-family: LiSu;
    font-weight: 500;
    font-size:40px;
    color: #28627C;
    letter-spacing: 20px;
    line-height: 60px;
  }
  .eTitle{
    color: #28627C;
    font-family: KaiTi;
  }
}
</style>